<template>
	<view class="error">
		<image src="/static/img/fail.svg" class="error-icon"></image>
		<text class="error-err">提示</text>
		<view class="error-msg" v-if="errorInfo">
			<view class="msg">{{errorInfo}}</view>
		</view>
	</view>
</template>

<script setup>
	import theme from '@/config/theme.js'
	import { onLoad } from '@dcloudio/uni-app'
	import { ref } from 'vue'
	
	let errorInfo = ref('')
	
	onLoad((params) => {
		theme.changeColors()
		errorInfo.value = params.errInfo;
	})
	
	
</script>
<style lang="scss">
	.error {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.error-icon {
		padding-top: 200rpx;
		width: 240rpx;
		height: 166rpx;
	}
	.error-err {
		padding-top: 50rpx;
		font-size: 34rpx;
		font-weight: 600;
		color: #242526;
	}
	.error-msg {
		width: 75%;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 70rpx;
		color: #999999;
		word-wrap:break-word;
		
		.msg {
			line-height: 42rpx;
		}
	}
</style>

